/* Override some stupid ATNF defaults. */
#content p { font-family: 'Oxygen', sans-serif; font-weight: normal; text-align: left; }
#content { overflow: visible; }
.pagefooter { clear: both; }

h2 { font-family: 'Oxygen', sans-serif; }
h3 { font-family: 'Oxygen', sans-serif; }
.data-entry { text-align: left; margin: 1em auto; width: 90%; padding: 0.8em;
	      position: relative; font-family: 'Oxygen', sans-serif; font-weight: normal;
	      font-size: 1.3em; }
.data-entry label { font-weight: bold; padding: 0 0.4em; vertical-align: middle; }
.data-heading { width: 30%; text-align: right; display: inline-block; }

.frequency-entry { padding: 0.6em; margin: 0 1em; vertical-align: middle; }
.frequency-entry:nth-child(odd) { background-color: #c0c0c0; }
.frequency-entry:nth-child(even) { background-color: #ffe4b5; }
.topcoat-text-input { vertical-align: middle; } 

.help { text-align: left; margin: 0px auto; width: 90%; background-color: #f3961c; 
	padding: 0.8em; position: relative; }
.help:before, .help:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.help:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.option-equations { text-align: left; margin: 0px auto; width: 90%; background-color: CadetBlue;
		    padding: 0.8em; position: relative; font-size: 1.1em; }
.option-equations h3 { font-size: 1.1em; text-align: center; color: black; font-weight: bold; padding: 0;
		       margin: 0.2em; }
.option-equations ul { list-style-type: square; margin-top: 0.3em; }
.invisible { display: none; }
.transparent { opacity: 0; }

#result-unaffected { background-color: #00fa9a; }
#result-affected { background-color: #ff6347; }
#result-unaffected p, #result-affected p { font-size: 1.6em; padding-top: 0.5em; 
					   line-height: 1.5em; }

.result { border-radius: 10px; width: 90%; margin: 0px auto; padding: 1em; text-align: center; }
.result p { display: inline-block; }

.close-float { clear: both; }

.topcoat-tab-bar { background-color: #e5e9e8; border-collapse: collapse; display: inline-block; 
		   margin: 0 1em; padding: 0.4em; vertical-align: middle; }

.tab-bar-centered { margin: 0px auto; margin-top: 1em; margin-bottom: 1em; }
.topcoat-button--large--cta { margin-left: 5%; margin-right: 5%; margin-top: 0.4em; margin-bottom: 0.4em;
			      width: 90%; }

.md-modal { position: fixed; top: 50%; left: 50%; width: 50%; height: auto; z-index: 2000;
	    max-width: 630px; min-width: 500px;
	    visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%);
	    -moz-transform: translateX(-50%) translateY(-50%);
	    -ms-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%); }
.md-modal-image { max-width: 800px; border: 2px solid black; }
.md-content {  color: white;  background-color: #e74c3c; border-radius: 3px; }
.md-content-image { color: black;  background-color: white; }
.md-content h3 { color: white; background: rgba(0,0,0,0.1); border-radius: 3px 3px 0 0;
		 opacity: 0.8; font-weight: 300; font-size: 2.4em; text-align: center;
		 padding: 0.4em; line-height: 1em; }
.md-content-image h3 { color: black; font-size: 1.6em; }
.md-content > div { padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 1.15em; }
.md-content > div p { margin: 0; padding: 10px 0; }
.md-content button { display: block; margin: 0 auto; border: none; padding: 0.6em 1.2em;
		     background: #c0392b; color: white; text-transform: uppercase;
		     cursor: pointer; border-radius: 2px; }
.md-content-image > div { text-align: center; }
#results-spectral-rms-image { cursor: pointer; }
#modal-spectral-rms-image { max-width: 90%; }
.md-show { visibility: visible; }

.md-effect-1 .md-content {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
}
.results-summary { margin: 2em; padding: 1em; }
.results-summary-chooser { width: 100%; border: 1px solid black; border-collapse: collapse; 
			   margin-bottom: 1em; }
.results-summary-chooser td { text-align: center; padding: 0.3em; cursor: pointer; width: 33%; 
			      font-weight: bold; text-transform: uppercase; border: 1px dotted black; }
td.choice-continuum { background-color: SkyBlue; }
div.choice-continuum { border: 4px solid SkyBlue; }
td.choice-spectral { background-color: #66cdaa; }
div.choice-spectral { border: 4px solid #66cdaa; }
td.choice-zoom { background-color: #ffdab9; }
div.choice-zoom { border: 4px solid #ffdab9; }
.results-parameter-table { border: 2px solid black; border-collapse: collapse; margin: 1em auto;
			   width: 90%; font-size: 1.2em; }
.results-parameter-table caption { font-weight: bold; text-align: center; padding: 0.3em; }
.results-parameter-table tbody th { background: black; font-weight: bold; color: white;
				      text-align: right; padding: 0.2em 0.4em; }
.results-parameter-table tbody td { text-align: left; padding: 0.2em 0.6em; border: 1px dotted black; }
.results-parameter-table thead th { background: Navy; font-weight: bold; color: white;
				    text-align: center; padding: 0.2em; border: 1px dotted white; }
